@{ Layout = "~/Views/Shared/_indexLayout.cshtml"; }



<script>
    function LeftPanel_Dashboard_Click() {
        Track('Index', 'LeftPanel_Dashboard');
    }
    function Home_Click() {
        Track('Index', 'Home');
    }
    function Dashboard_Click() {
        Track('Index', 'Dashboard');
    }
    function Panel1_ViewMore_Click() {
        Track('Index', 'Panel1_ViewMore');
    }
    function Panel2_ViewMore_Click() {
        Track('Index', 'Panel2_ViewMore');
    }
    function Panel3_ViewMore_Click() {
        Track('Index', 'Panel3_ViewMore');
    }
    function Panel4_ViewMore_Click() {
        Track('Index', 'Panel4_ViewMore');
    }

</script>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<div class="fixed-top">
    <!-- BEGIN HEADER -->
    @Html.Action("Index", "IndexHead")
    <!-- END HEADER -->
    <!-- BEGIN CONTAINER -->
    <div class="page-container row-fluid">
        <!-- BEGIN SIDEBAR -->
        <div class="page-sidebar nav-collapse collapse">
            <!-- BEGIN SIDEBAR MENU -->
            <ul>
                <li class="active"><a href="javascript:LeftPanel_Dashboard_Click();"><i class="icon-home">
                </i>@UIResource.Dashboard <span class="selected"></span></a></li>
            </ul>
            <!-- END SIDEBAR MENU -->
        </div>
        <!-- END SIDEBAR -->
        <!-- BEGIN PAGE -->
        <div class="page-content">
            <!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
            <div id="portlet-config" class="modal hide">
                <div class="modal-header">
                    <button data-dismiss="modal" class="close" type="button">
                    </button>
                    <h3>
                        Widget Settings</h3>
                </div>
                <div class="modal-body">
                    <p>
                        Here will be a configuration form</p>
                </div>
            </div>
            <!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
            <!-- BEGIN PAGE CONTAINER-->
            <div class="container-fluid">
                <!-- BEGIN PAGE HEADER-->
                <div class="row-fluid">
                    <div class="span12">
                        <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                        <h3 class="page-title">
                            @UIResource.Dashboard <small>@UIResource.StatisticsAndMore</small>
                        </h3>
                        <ul class="breadcrumb">
                            <li><i class="icon-home"></i><a href="javascript:Home_Click();">@UIResource.Home</a>
                                <span class="icon-angle-right"></span></li>
                            <li><a href="javascript:Dashboard_Click();">@UIResource.Dashboard</a></li>
                            <li class="pull-right no-text-shadow">
                                <div id="dashboard-report-range" class="dashboard-date-range tooltips no-tooltip-on-touch-device responsive"
                                    data-tablet="" data-desktop="tooltips" data-placement="top" data-original-title="Change dashboard date range">
                                    <i class="icon-calendar"></i><span></span><i class="icon-angle-down"></i>
                                </div>
                            </li>
                        </ul>
                        <!-- END PAGE TITLE & BREADCRUMB-->
                    </div>
                </div>
                <!-- END PAGE HEADER-->
                <div id="dashboard">
                    <!-- BEGIN DASHBOARD STATS -->
                    <div class="row-fluid">
                        <div class="span3 responsive" data-tablet="span6" data-desktop="span3">
                            <div class="dashboard-stat blue">
                                <div class="visual">
                                    <i class="icon-comments"></i>
                                </div>
                                <div class="details">
                                    <div class="number">
                                        1349
                                    </div>
                                    <div class="desc">
                                        New Feedbacks
                                    </div>
                                </div>
                                <a class="more" href="javascript:Panel1_ViewMore_Click();">View more <i class="m-icon-swapright m-icon-white"></i>
                                </a>
                            </div>
                        </div>
                        <div class="span3 responsive" data-tablet="span6" data-desktop="span3">
                            <div class="dashboard-stat green">
                                <div class="visual">
                                    <i class="icon-shopping-cart"></i>
                                </div>
                                <div class="details">
                                    <div class="number">
                                        549</div>
                                    <div class="desc">
                                        New Orders</div>
                                </div>
                                <a class="more" href="javascript:Panel2_ViewMore_Click();">View more <i class="m-icon-swapright m-icon-white"></i>
                                </a>
                            </div>
                        </div>
                        <div class="span3 responsive" data-tablet="span6  fix-offset" data-desktop="span3">
                            <div class="dashboard-stat purple">
                                <div class="visual">
                                    <i class="icon-globe"></i>
                                </div>
                                <div class="details">
                                    <div class="number">
                                        +89%</div>
                                    <div class="desc">
                                        Brand Popularity</div>
                                </div>
                                <a class="more" href="javascript:Panel3_ViewMore_Click();">View more <i class="m-icon-swapright m-icon-white"></i>
                                </a>
                            </div>
                        </div>
                        <div class="span3 responsive" data-tablet="span6" data-desktop="span3">
                            <div class="dashboard-stat yellow">
                                <div class="visual">
                                    <i class="icon-bar-chart"></i>
                                </div>
                                <div class="details">
                                    <div class="number">
                                        12,5M$</div>
                                    <div class="desc">
                                        Total Profit</div>
                                </div>
                                <a class="more" href="javascript:Panel4_ViewMore_Click();">View more <i class="m-icon-swapright m-icon-white"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <!-- END DASHBOARD STATS -->
                </div>
            </div>
            <!-- END PAGE CONTAINER-->
        </div>
        <!-- END PAGE -->
    </div>
    <!-- END CONTAINER -->
    <!-- BEGIN FOOTER -->
    @Html.Partial("~/Views/Home/IndexFooter.cshtml")
    <!-- END FOOTER -->
</div>
